html, body, ul, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }
fieldset, img { border:none; }
img{display: block;}
caption, th { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; } 
body { color:#000; font:12px/20px "微软雅黑","SimSun","Arial Narrow",HELVETICA; background:#fff;/* overflow-y:scroll;*/ overflow-x:hidden;}
a { color:#000; text-decoration:none; }
a:hover { color:#ff8400;}
body{overflow: scroll;min-width:1226px;}
/***********以上是重置样式************/
.nav,.ban{width:1226px;margin: 0 auto;}
/***********以下头部样式************/
.top{height:40px;background: #333;}
.topcenter{height: 40px;width:1226px;margin: 0 auto;line-height: 40px;}
.topcenter .left{width:554px;}
.topcenter .left li{float: left;}
.topcenter .left a{color:#a4b0b0;padding:0 9px 0 8px;border-left: 1px solid #424242;}
.topcenter .left .first a{border-left:none;padding-left:0;}
.topcenter .left a:hover{color:#fff;}
.topcenter .right{float:right;position: relative;z-index: 1;}
.topcenter .right a{color:#a4b0b0;float: right;line-height: 40px;color:#a4b0b0;}
.topcenter .right a:hover{color: #fff;}
.topcenter .right .cart{
	display:block;
	width: 120px;height: 40px;
	background:#424242;
	margin-left:20px;
	line-height: 40px;
	text-align: center;
	}
@font-face {font-family: 'iconfont';
    src: url('../shop-car/iconfont.eot'); /* IE9*/
    src: url('../shop-car/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../shop-car/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../shop-car/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../shop-car/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    }
.cartList{position: absolute;
	right: 0;top: 40px;
	width: 316px;
	height: 98px;
	line-height: 98px;
	color: #424242;
	text-align: center;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0,0,0,0.15);
	z-index: -1;
	display:none;
	}
.topcenter .right .cart:hover{color:#ff6700;background: #fff;}
.topcenter .right .onload{line-height:12px;padding-right: 8px;margin-top:14px;border-right: 1px solid #424242;}
.topcenter .right .register{padding-left:7px;}
/***********以下导航条样式************/
.nav{height: 100px;margin: 0 auto;position: relative;}
.nav h1{width:234px;height:78px ;float: left;}
.nav h1 i{display:block;
	float: left;
	width: 55px;
	height: 55px;
	margin-top: 22px;
	background:#ff6700;}
#mi-logo{display:block;
	float: left;
	width: 55px;
	height: 55px;
	background: url(../img/mi-logo.png) no-repeat 50% 50%;
	}
#ad-1 img{padding-top:22px;}
#ad-1{float: right;}
.nav #navlist{
	float: left;
	height: 100px;
	}
.nav .nonavlist{
	float: left;
}
.nav .nonavlist a{
	padding: 0 13px;font-size: 14px;line-height: 100px;
}
.nav #navlist a{padding: 0 13px;font-size: 14px;line-height: 100px;}
.nav #navlist a:hover{color: #ff6700;}
.nav  .classification{
	display:none;z-index:3;
	min-width:1226px;
	margin: 0 auto;
	box-shadow: 0 3px 4px rgba(0,0,0,0.18);
	height:195px;padding-top:35px;
	border-top:1px solid #e0e0e0;
	position: absolute;left: 0;top:100px;
	background:#fff;}
.nav  .classification .div01{width:1226px;position: absolute;left: 0;top: 35px;}
.nav  .classification dl{width:203px;float:left;text-align:center;background:url(../img/navpicbg.jpg) no-repeat 0 0;}
.nav  .classification .noline{background:none;}
.nav  .classification dt{width:203px;margin-bottom: 20px;}
.nav  .classification dt img{margin: 0 auto;}
.nav .sousu{width:297px;height:100px;float: right;margin-top: 25px;position: relative;}
.nav .sousu input{width: 224px;padding-left:10px;float:left;height: 47px;outline:none;color:#757575;padding-right: 10px;border: 1px solid #e0e0e0;border-right:0;}

.nav .sousu a{
	display: block;
	float:right;
	width: 50px;height: 49px;
	border: 1px solid #e0e0e0;
	font-size: 24px;
	line-height: 49px;
	text-align: center;
	}
.nav .sousu a:hover{
	background: #FF6700;
	color: #fff;
}
.nav .searchbox input,.nav .searchbox a{
	border-color: #FF6700;
	}
#search-hot-words{position: absolute;right:62px ;top:42px;}
#search-hot-words a{padding:0 5px;margin-left:5px;
	background: #eee;color: #757575;
	}
#search-hot-words a:hover{color: #fff;background: #FF6700;}
.nav #searchlist{
	display:none;z-index:1;
	width: 244px;
	position:absolute;right:51px;top:76px;
	border:1px solid #ff6700;border-top: 0;
	background:#fff;}
.nav #searchlist a{display: block;height: 30px;margin:0;width:214px;padding:0 15px;color:#424242;line-height: 30px;text-align: left;}
.nav #searchlist a span{float: right;color: #b7b0c1;}
.nav #searchlist a:hover{background: #fbfbfc;}
.nav #searchlist .active a:hover{
	background: #fbfbfc;
}
/***********以下banner样式************/
.ban{height: 460px;background:#a4c584;position: relative;}

#bannerList img{
	position: absolute;left: 0;top:0;
	filter: alpha(opacity=0);
	opacity: 0;
	}
#bannerList .active{
	filter: alpha(opacity=100);
	opacity: 1;
}
#banner-num{position: absolute;right: 30px;bottom: 20px;text-align:left;}
#banner-num i{
	display: block;width: 6px;height: 6px;float: left;
	margin: 0 5px;
	border-radius: 10px;
	border: 2px solid #fff;
	border-color:rgba(255,255,255,0.3);
	background:#757575;}
#banner-num .active{
	border: 2px solid #fff;
	background: #fff;
	border-color: rgba(0,0,0,0.4)
	}
.control-direction a {
	display: block;
	position: absolute;
	top: 50%;
	z-index:2;
	background:#333;
	width: 41px;
	height: 69px;
	margin-top: -35px;
	background: url(../img/icon-slides.png);
	}
.control-direction .banprev{
	left:234px ;
	background-position:-84px 50%;
	}
.control-direction .banprev:hover{
	background-position:0 50%;
	}
.control-direction .bannext{
	right: 0;
	background-position:-125px 50%;
	}
.control-direction .bannext:hover{
	background-position:-42px 50%;
	}
/*****侧栏导航*****/
.subnav{width: 234px;height: 460px;font-size: 14px;position: absolute;left: 0;top: 0;}
.subnav li a{display:block;padding-left: 30px;width: 204px;height:42px;line-height:42px;color: #fff;}
.subnav li a span{float: right;padding-right: 24px;}
.subnav li a:hover{background:#FF6700;}
.subnavbg{width: 234px;
	height: 460px;background:#000;
	position: absolute;left: 0;top: 0;
	filter: alpha(opacity=30);opacity: 0.3;
	}

.children{
	display: none;
	min-width: 530px;
	position: absolute;
	left: 234px;
	top: 0;
	z-index: 24;
	height: 458px;
	border: 1px solid #e0e0e0;
	border-left: 0;
	background: #fff;
	box-shadow: 0 8px 16px rgba(0,0,0,0.18);
	}
.children-list{
	float: left;
	width: 265px;
	height: 458px;
	margin: 0;
	padding: 2px 0;
	}
.children-list-col-3{
	width:796px ;
	}
.children-list-col-3 .text{
	margin-left: 5px;
	}
.children-list li{
	position: relative;
	float: left;
	width: 265px;
	height: 76px;
	line-height: 76px;
	}
.children-list .links {
	width: 170px;
	padding-right: 0;
	}
.children-list .links:hover{
	color: #FF6700;
	background: none;
	}
.children-list img{
	width: 40px;
	height: 40px;
	float:left;
	}
.children-list .text{
	float:left;
	line-height: 40px;
	color: #333;
	}
.children-list .text:hover{color: #FF6700;}
.children .children-list .btn{
	display: block;
	position: absolute;
	right: 10px;
	padding: 0;
	text-align: center;
	top: 10px;
	width: 58px;
	height: 22px;
	line-height: 22px;
	color: #FF6700;
	border:1px solid #ff6700;
	}
.children-list .btn:hover{
	color: #fff;
	background-color: #f25807;
	border-color: #f25807;
	}		





